<style>
  .pug_dialog{
    width: 640px;
    height: 320px;
    background: orange;
    display: flex;
    flex-direction: column;
  }
  .pug_dialog > .dialog_title{
    height: 60px;
    background: orangered;
  }
  .pug_dialog > .dialog_content{
    flex: 1;
  }
  .pug_dialog > .diadog_btns{
    height: 60px;
    background: palegoldenrod;
  }
  .pug_dialog > .diadog_btns > a{
    display: inline-block;
    margin: 0 270px;
    text-align: center;
    line-height: 60px;
    width: 100px;
    height: 60px;
    background: #6ed1d1;
  }
</style>

<template>
  <div class="pug_dialog">
    <div class="dialog_title">{{title}}</div>
    <div class="dialog_content">
      {{content}}
    </div>
    <div class="diadog_btns">
      <a href="javascript:void(0);" @click="hanlderClick">保存</a>
    </div>
  </div>
</template>


<script>

  export default {
    props : {
      title : {
        type: String,
        default: "删除提示!!"
      },
      content : {
        type: String,
        default: "弹窗内容"
      }
    },
    emits:["saveBtn"],
    setup(props,context){
      const hanlderClick = ()=>{
        context.emit("saveBtn",props.content);
      }
      return {
        hanlderClick
      }
    }
  }
</script>